---
title: Generator
description: Generate and customize your own Embla Carousel setup.
order: 1
date: 2023-06-01
---

import { URLS } from 'consts/urls'
import { LinkButtonPrimaryOutlined } from 'components/Link/LinkButton'

import { CarouselGeneratorFrameworkSettings } from 'components/CarouselGenerator/CarouselGeneratorFrameworkSettings'
import { CarouselGeneratorBasicSettings } from 'components/CarouselGenerator/CarouselGeneratorBasicSettings'
import { CarouselGeneratorSlidesSettings } from 'components/CarouselGenerator/CarouselGeneratorSlidesSettings'
import { CarouselGeneratorAlignmentSettings } from 'components/CarouselGenerator/CarouselGeneratorAlignmentSettings'
import { CarouselGeneratorNavigationSettings } from 'components/CarouselGenerator/CarouselGeneratorNavigationSettings'
import { CarouselGeneratorPlugins } from 'components/CarouselGenerator/CarouselGeneratorPlugins'

import { CarouselGeneratorPreview } from 'components/CarouselGenerator/CarouselGeneratorPreview'

# Carousel generator

Just follow the instructions and create your own customized carousel setup in no time!

---

## Choose framework

<CarouselGeneratorFrameworkSettings />

## Basic settings

<CarouselGeneratorBasicSettings />

## Navigation settings

<CarouselGeneratorNavigationSettings />

## Slide settings

<CarouselGeneratorSlidesSettings />

## Alignment settings

<CarouselGeneratorAlignmentSettings />

## Plugins

<CarouselGeneratorPlugins />

---

## Support

Did this save you time? Don't say thank you! **Share** it, **star** it or **support** this project:

<LinkButtonPrimaryOutlined to={URLS.GITHUB_SPONSORS_PAGE}>
  Sponsor
</LinkButtonPrimaryOutlined>

<CarouselGeneratorPreview />
